<div class="header" id="header">
    <div class="head-top">
        <div class="nb">
            <div class="rside" style='float:right'>
                <ul class="head-ul">
                    <li v-if="userInfo.userId == ''"><a href="pageLR.html">登录</a></li>
                    <li v-if="userInfo.userId == ''"><a href="user.html">商家登录</a></li>
                    <li v-if="userInfo.userId == ''"><a href="pageLR.html#/pages/plateform/register">注册</a></li>
                    <li v-if="userInfo.userId != ''"><a href="/page.html#/pages/plateform/personalCenter">个人中心</a></li>
                    <li><a href="javascript:void(0);" v-if="userInfo.userId != ''" v-on:click="logout()">退出</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="head-bot">
        <div class="nb">
            <div class="web-title-container">
                <a href="" class="logo system-name">{{headerInfo.platformName}}</a>
                <div class="searchbox">
                    <input type="search" name="word" id="word" v-model="searchKey" value="" placeholder="请输入关键词"
                           class="txt-search">
                    <input type="submit" value="搜  索" id="btn-search" v-on:click="_jumpProductPage()"
                           class="btn-submit">
                    <input type="hidden" name="action" value="list">
                </div>
                <div class="cartbox">
                    <div v-if="userInfo.userId == ''" class="cartbtn">
                        <a href="/pageLR.html#/pages/plateform/login" class="radv-nav"><span>购物车</span></a>
                    </div>
                    <div v-if="userInfo.userId != ''" class="cartbtn">
                        <a href="/pageLR.html#/pages/plateform/cart" class="radv-nav"><span>购物车</span></a>
                        <!--                        (<span class="cartinfo" >{{userInfo.cartProducts.length}}</span>)-->
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="nav">
                <div class="nav-classify">
                    <h3 class="nav-all-btn">全部分类</h3>
                    <ul class="menu-mainnav" style="height: 450px;">
                        <li v-for="(item, index) in headerInfo.prodClasses">
                            <div class="sortmaintitle color-change">
                                <!--<a href="product.html" target="_blank">{{item.className}}</a>-->
                                <a href="javascript:void(0);"
                                   v-on:click="_jumpToPage(item.hktId)">{{item.hktName}} </a>
                            </div>
                        </li>

                    </ul>
                </div>
                <ul class="nav-othder">
                    <li><a href="/page.html">首页</a></li>
                    <!-- <li><a href="timespike.html">限时抢购</a></li> -->
<!--                    <li><a href="/page.html#/pages/plateform/product?classId=102024010238360059">摄像头</a></li>-->
<!--                    <li><a href="/page.html#/pages/plateform/product?classId=102024010244790026">门禁</a></li>-->
<!--                    <li><a href="/page.html#/pages/plateform/product?classId=102024010215590018">智能锁</a></li>-->
<!--                    <li><a href="/page.html#/pages/plateform/product?classId=102024010207340080">充电桩</a></li>-->
                </ul>
            </div>
        </div>
    </div>
<!--    v-if="item.products != null && item.products.length > 0"-->
    <div class="leftgood-bar" style="display: none;">
        <div class="lgb onlgb " :class="'lgb'+index" v-for="(item, index) in headerInfo.prodClasses">
            <a href="javascript:void(0)" @click="goAnchor('#floor'+index)" :name="'#floor'+index">
                <span>{{item.hktName}}</span>
            </a>
        </div>
    </div>

    <div class="celan-float">
        <ul>
            <li class="shop">
                <a v-if="userInfo.userId == ''" href="/pageLR.html#/pages/plateform/login">购物车 <span class="cartinfo">{{userInfo.cartProducts.length}}</span></a>
                <a v-if="userInfo.userId != ''" href="/pageLR.html#/pages/plateform/cart">购物车 <span class="cartinfo">{{userInfo.cartProducts.length}}</span></a>
            </li>
            <li class="ecode">
                <a href="#">二维码</a>
                <div class="ecode-box radius">
                    <img src="/img/code.png" alt="扫一扫，加微信">
                </div>
            </li>
            <li class="telnum">
                <a href="#">电话号码</a>
                <div class="tel-box radius"><span><p>13345513582</p></span></div>
            </li>
            <li class="totop"><a href="#">置顶</a></li>
        </ul>
    </div>
</div>
